<template>
    <div>
        <watch_list @click="show(index)" v-for="item, index in data" :key="index" :item="item" :index="index" />
    </div>
</template>
<script setup>
import { defineAsyncComponent } from 'vue';
const watch_list = defineAsyncComponent(() => import('../common/watch_video.vue'))
const emit = defineEmits(['show_big'])
const prop = defineProps(
    {
        data: {
            type: Object,
        }
    }
)
function show(index) {
    emit('show_big', index)
}
</script>
<style scoped lang="scss">
@function r($v) {
    @return $v / (390 / 10rem)
}
</style>